<template>
    <tscroll>
        <van-tabs v-model:active="status" @click-tab="getData">
            <van-tab title="全部" name=""></van-tab>
            <van-tab title="预告" name="0"></van-tab>
            <van-tab title="进行中" name="1"></van-tab>
            <van-tab title="拍卖结束" name="2"></van-tab>
        </van-tabs>
    </tscroll>
</template>

<script>
import { reactive,toRefs,getCurrentInstance } from 'vue'
import {useRoute,useRouter} from 'vue-router'
import { useStore } from 'vuex'
import {Tab as vanTab , Tabs as vanTabs,Empty} from "vant"
import Tscroll from '@/components/Tscroll.vue'

export default {
    components:{
       Tscroll,
       vanTab,
       vanTabs
    },
    props:{

    },
    setup(props,context){
        const router = useRouter()
        const route = useRoute()
        const store = useStore()
        const {proxy} = getCurrentInstance()

        const state = reactive({
            status:1
        })

        const getData = ()=> context.emit('clickHandle',state.status)

        return{
            ...toRefs(state),
            getData
        }
    }
}
</script>

<style lang="scss" scoped>
    
</style>